<template>
  <div>
    <h2>Count组件</h2>
    <p>count的值---》{{ count }}</p>
    <button @click="increment">累加</button>
    <p>电影的长度{{ movieList.length }}</p>
    <h4>电影名字长度在3-6的</h4>
    <ol>
      <li v-for="item in getmovieList3_6" :key="item.tvId">{{ item.name }}</li>
    </ol>
  </div>
</template>

<script>
import { mapState, mapMutations, mapGetters } from "vuex";
export default {
  name: "Count",
  computed: {
    ...mapState("count", ["count"]),
    ...mapState("movie", ["movieList"]),
    ...mapGetters("movie", ["getmovieList3_6"]),
  },
  methods: {
    ...mapMutations("count", ["increment"]),
  },
};
</script>

<style></style>
